tg-me.com/AdCops/284
Last Update:
Недавно читал пост Вастрика про Vibe-coding, где он писал о написании кода в эпоху генеративных моделей.
Рекомендую его блог — автор интересно пишет о путешествиях, кодинге, своей жизни и увлечениях. Когда открыл для себя этот блог, залип на несколько часов. А пост про путешествие в Японию помог мне в моём собственном путешествии.
Про вайб-кодинг:
"Идея в том, что с появлением LLM-инструментов генерации кода и даже целых проектов, таких как Claude Sonnet или Cursor, у любителей попрограммировать что-нибудь вечером открылся новый способ программирования — с помощью чата с LLM или даже голоса. Вы открываете Cursor или любую другую AI IDE, создаёте чистый проект и начинаете прямо в чате описывать, что вы хотите получить."
Для AdOps-специалиста нейросети, как мне кажется, стали отличными помощниками в решении многих задач — написании кода, решении технических проблем, работе с контентом, генерации идей и гипотез. Я не разработчик, мой уровень JS/HTML/CSS базовый — достаточный для работы AdOps-менеджером, но всегда хотелось попробовать больше. Поэтому я тоже решил немного заняться вайб-кодингом. Пара банок энергетика, VPN для обхода гео-ограничений ChatGPT и немного свободного времени — и в итоге получилась обёртка для Adfox с разными форматами:
Sticky-banner — мобильный/десктопный фиксированный блок с поддержкой следующих параметров:
settings: {
bannerPosition: "bottom" || "top", // положение баннера сверху или снизу экрана
buttonPosition: "right" || "left", // положение кнопки закрытия справа или слева
closeTimeout: 5, // таймаут доступности кнопки закрытия
reload: true, // перезагрузка рекламного блока каждые 30 секунд
visibleReload: true, // перезагрузка блока в зоне видимости
buttonType: "square" || "side" // тип кнопки закрытия: сверху рекламного блока или сбоку
}Wrapper для статичного рекламного блока:
settings: {
reload: true, // перезагрузка рекламного блока каждые 30 секунд
visibleReload: true, // перезагрузка блока в зоне видимости
lazyLoad: { // параметры lazyLoad Adfox'а
fetchMargin: 10, // расстояние до баннера, с которого начнётся запрос (в процентах высоты экрана)
mobileScaling: 2 // множитель значения fetchMargin для мобильных устройств
}
}Нейросети довольно быстро справляются с написанием кода, но чувствительны к промтам — напишешь слабый промт, получишь на выходе мусор. Чем дольше общаешься с чат-ботом, тем больше он начинает путаться и терять контекст. В итоге он может вообще переписать весь код, удалив 80% функционала, лишь бы пофиксить один визуальный баг.
К тому же лимиты GPT-4o быстро заканчиваются. Варианты решения:
- Продолжить работу с DeepSeek — он немного хуже справляется с задачами, чем нейросеть от OpenAI.
- Включить Copilot в Visual Studio Code — он тоже использует GPT-4o, но через аккаунт GitHub.
Код (если это вообще можно назвать кодом) пока не оптимизирован: в нём куча повторяющихся строк, и над ним ещё работать и работать.
Что дальше?
В планах доработать этот пет-проект:
✅ Оптимизировать код и перевести его на TypeScript (сейчас пишу на JS).
✅ Добавить новые форматы: полноэкранный Fullscreen и межэкранный Interstitial.
✅ Поддержка Header Bidding: Adfox HB (базово уже есть в wrapper) и Prebid.js.
✅ Трекать видимость рекламы через Intersection Observer API или OpenVV (но сначала нужно разобраться, где хранить и обрабатывать данные).
✅ Сделать проект Open Source.
BY Ad Cops - монетизация и реклама
Share with your friend now:
tg-me.com/AdCops/284